import React from 'react'
import './Header.css'
import { Link,NavLink } from 'react-router-dom'

export const Header = () => {
    return (
        <div className="header-wrap">
            <div className="header">
                <img className="logo" src="//static2.cnodejs.org/public/images/cnodejs_light.svg" alt=""/>
                <div className="nav">
                    {/*//! NavLink提供样式设置 */}
                    <NavLink exact activeStyle={{color:'red'}}  to="/">首页</NavLink>
                    <NavLink activeStyle={{color:'red'}}  to='/new'>新手入门</NavLink>
                    <NavLink activeStyle={{color:'red'}}  to='/collect'>收藏</NavLink>
                    <NavLink activeStyle={{color:'red'}}  to='/user'>个人中心</NavLink>
                    <NavLink activeStyle={{color:'red'}}  to='/login'>登录</NavLink>
                    
                </div>
            </div>
        </div>
    )
}
